<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="popup.css">
</head>
<body>
  <div class="container">
    <textarea spellcheck="false" id="input" placeholder="输入文本..."></textarea>
    <div class="buttons">
      <button id="uppercase">转大写</button>
      <button id="lowercase">转小写</button>
      <button id="capitalize">首字母大写</button>
      <button id="decapitalize">首字母小写</button>
      <button id="space-to-line">空格→下划线</button>
      <button id="line-to-space">下划线→空格</button>
      <button id="underline-to-camel">下划线→驼峰</button>
      <button id="camel-to-underline">驼峰→下划线</button>
      <button id="space-to-camel">空格→驼峰</button>
      <button id="camel-to-space">驼峰→空格</button>
      <button id="space-to-dash">空格→中横线</button>
      <button id="dash-to-space">中横线→空格</button>
      <!-- <button id="underline-to-dash">下划线→中横线</button> -->
      <!-- <button id="dash-to-underline">中横线→下划线</button> -->
      <button id="underline-to-dot">下划线→小数点</button>
      <button id="dot-to-underline">小数点→下划线</button>
      <button id="clear-input">清除空格</button>
      <button id="clear-line">清除换行</button>
      <button id="clear" class="clear-btn">清空</button>
      <button id="copy" class="copy-btn">复制结果</button>
    </div>
    <textarea id="output" readonly placeholder="转换结果..."></textarea>
  </div>
  <script src="popup.js"></script>
</body>
</html>